<template>
  <div :style="{ paddingBottom : `${pdbt}px`,paddingTop : `${pdbtop}px` }">
    <div :style="{ marginLeft : `${left}px` }">
      <div class="nmv-badge"></div>
      <span :style="{fontWeight:`${fontWeight}`,fontSize:'16px',color: '#333333'}" v-html="text"></span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    text: { type: String, default: '' },
    left: { type: Number, default: 0 },
    pdbt: { type: Number, default: 10 },
    pdbtop: { type: Number, default: 0 },
    fontWeight: { type: Number, default: 500 }
  }
}
</script>

<style scoped>
.nmv-badge {
  display: inline-block;
  background-color: #606266;
  width: 4px;
  height: 14px;
  position: relative;
  bottom: -2px;
  margin-right: 4px;
}
</style>
